<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>左部菜单</title>
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
	src="${ctx }/js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
	
	$(document).ready(function(){
		funStyle();
	});

	function funStyle(){
		//导航切换
		$(".menuson li").click(function(){
		    if($(this).attr("class") == 'active'){
		        return;
			}
			$(".menuson li.active").removeClass("active")
			$(this).addClass("active");
            $(this).parent().css('display','block');
		});

		$('.title').click(function(){
            var $ul = $(this).next().next('ul');
            if($ul.css("display") == 'block'){
                return;
            }
		    $(".iconDiv").css("background","url(/images/newTheme/selectup.png) no-repeat 0 0");
		    $(this).find('.iconDiv').css("background","url(/images/newTheme/selectdown.png) no-repeat 0 0");
			$('dd').find('ul').slideUp();
			if($ul.is(':visible')){
				$(this).next().next('ul').slideUp();
			}else{
				$(this).next().next('ul').slideDown();
			}
		});
	}
 </script>
<style type="text/css">
	.iconDiv{
		background: url(/images/newTheme/selectup.png) no-repeat 0 0;
		width: 20px;
		height: 20px;
		position: relative;
		top: -32px;
		left: 110px;
		clear: both;
	}
	.iconleft{
		width: 20px;
		height: 20px;
		float: left;
		margin-top: 13px;
		margin-left: -30px;
	}
</style>
</head>
<body style="background-color: #fff;">
	<div>
	<dl class="leftmenu" id="leftmenu">
		<c:forEach items="${systemAuthResourceMenu.menuMapList}" var="authResourceMenu">
			<dd>
				<div class="title">
					<div class="iconleft">
						<c:if test="${empty authResourceMenu.key.iconPic}">
							<img src="${ctx }/images/newTheme/liIcon.png" />
						</c:if>
						<c:if test="${not empty authResourceMenu.key.iconPic}">
							<img src="${ctx }/images/custom/menu/${authResourceMenu.key.iconPic}_1.png" />
						</c:if>
					</div>
					${authResourceMenu.key.authName}
					<div class="iconDiv"></div>
				</div>
				<hr width="98%" color="#dddddd" style="height: 1px;margin: 0 auto;">
				<ul class="menuson">
					<c:forEach items="${authResourceMenu.value}" var="authzResourceMenu">
						<li style="height: 40px;text-align: left;margin-left:-5px;">

							<a style="font-size: 14px;line-height: 40px;height: 100%;" href="${ctx }/${authzResourceMenu.authUrl}" target="rightFrame">
								<cite></cite>${authzResourceMenu.authName }
							</a>
						</li>
					</c:forEach>
				</ul>
			</dd>
		</c:forEach>
	</dl>
	</div>
</body>
</html>